<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UI自动化测试平台</title>
    <link rel="stylesheet" href="../static/css/amazeui.css"/>
    <link rel="stylesheet" href="../static/css/core.css"/>
    <link rel="stylesheet" href="../static/css/menu.css"/>
    <link rel="stylesheet" href="../static/css/index.css"/>
    <link rel="stylesheet" href="../static/css/admin.css"/>
    <link rel="stylesheet" href="../static/css/page/typography.css"/>
    <link rel="stylesheet" href="../static/css/page/form.css"/>
    <link rel="stylesheet" href="../static/css/component.css"/>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css"/>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../static/js/index.js"></script>
    <script src="../static/js/highcharts/jquery-1.8.3.min.js"></script>
    <script src="../static/js/highcharts/highcharts.js"></script>
    <script src="../static/js/highcharts/exporting.js"></script>
    <script src="../static/js/highcharts/data.js"></script>
    <script src="../static/js/highcharts/series-label.js"></script>
    <script src="../static/js/highcharts/oldie.js"></script>
    <script src="../static/js/highcharts/highcharts-zh_CN.js"></script>

</head>
<body>
<header class="am-topbar am-topbar-inverse admin-header am-topbar-fixed-top">
	<div class="navbar-wrapper">
      <div class="container-fluid" style="padding-left:0;padding-right:0">

        <nav class="navbar navbar-inverse navbar-static-top">
          <div class="container" style="margin-left:0px">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="http://192.168.124.40:6002/">UI自动化测试平台</a>
<!--				以后会加一个所有项目的总览-->
            </div>
            <div id="navbar" class="navbar-collapse collapse">

              <ul class="nav navbar-nav">
                <li class="droupdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">项目分类 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="/">中台项目</a></li>
<!--						每个项目下面都有首页信息展示和任务列表-->
<!--                      <li><a href="#" target="_blank">其他项目</a></li>-->
                    </ul>
                </li>
                <li class="droupdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">帮助 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                      <li><a href="download/自动化平台-UI自动化测试平台操作说明.doc" download="自动化平台-UI自动化测试平台操作说明.doc" target="_blank">UI平台操作手册</a></li>
                    </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
    </div>
</header>


<div class="admin">

    <div class="admin-sidebar am-offcanvas  am-padding-0" style="zindex:0" id="admin-offcanvas">
        <div class="am-offcanvas-bar admin-offcanvas-bar">
            <h3 class="project">中台项目</h3>
            <ul class="am-list admin-sidebar-list">
                <li><a href="/"><span class="am-icon-home"></span> 数据详情</a></li>
                <li class="admin-parent">
                    <a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-table"></span>
                        任务 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
                    <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav1">
                        <!--						        <li><a href="" class="am-cf"> 基本表格</span></a></li>-->
                        <li><a href="table_complete" id="taskList">任务列表</a></li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- sidebar end -->

    <!--</div>
</div>
</div>-->
    <!-- ========== Left Sidebar end ========== -->


    <!--	<div class="am-g">-->
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <div class="content-page">
        <li><h4 class="page-title">执行数据</h4></li>
        <!-- Start content -->
        <div class="content">
            <div class="am-g">

                <!-- Row start -->
                <div class="am-u-md-3">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">测试案例总数</h4>
                        <div class="widget-chart-1 am-cf">
                            <div id="widget-chart-box-1" style="height: 110px;width: 110px;float: left;">
                            </div>

                            <div class="widget-detail-1" style="float: right;">
                                <h2 class="p-t-10 m-b-0"></h2>
                                <p class="text-muted">今日汇总</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">成功率</h4>
                        <div id="widget-box-2" class="widget-box-2">
                            <div id="widget-detail-2" class="widget-detail-2">
                                <span class="badge  pull-left m-t-20  am-round"
                                      style="color: #fff; background: #0e90d2;"><i
                                        class="zmdi zmdi-trending-up"></i> </span>
                                <h2 class="m-b-0"></h2>
                                <p class="text-muted m-b-25">成功条数</p>
                            </div>
                            <div class="am-progress am-progress-xs am-margin-bottom-0">
                                <div class="am-progress-bar"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">待执行总数</h4>
                        <div class="widget-chart-1 am-cf">
                            <div id="widget-chart-box-2" style="height: 110px;width: 110px;float: left;">
                            </div>

                            <div class="widget-detail-4" style="float: right;">
                                <h2 class="p-t-10 m-b-0"></h2>
                                <p class="text-muted">待执行数</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- col end -->
                <div class="am-u-md-3">
                    <div class="card-box">
                        <h4 class="header-title m-t-0 m-b-30">失败率</h4>
                        <div id="widget-box-3" class="widget-box-2">
                            <div class="widget-detail-2">
                                <span class="badge  pull-left m-t-20  am-round progress-bar-pink"
                                      style="color: #fff;"><i class="zmdi zmdi-trending-up"></i> </span>
                                <h2 class="m-b-0"></h2>
                                <p class="text-muted m-b-25">失败条数</p>
                            </div>
                            <div class="am-progress am-progress-xs am-margin-bottom-0"
                                 style="background: rgba(255, 138, 204, 0.2);">
                                <div class="am-progress-bar progress-bar-pink"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Row end -->
            </div>

            <div class="am-g">
                <h4 class="page-title">数据总览</h4>
                <div id="container" style="min-width:400px;height:400px"></div>
                <div class="message"></div>
                <!-- Row start -->
                <!--					<div class="am-u-md-4">-->

                <!--						<div class="card-box">-->
                <!--							<h4 class="header-title m-t-0">环形图</h4>-->
                <!--							<div id="index-pie-1" style="height: 345px;height: 300px;"></div>-->
                <!--						</div>-->
                <!--					</div>-->

                <!--					<div class="am-u-md-4">-->

                <!--						<div class="card-box">-->
                <!--							<h4 class="header-title m-t-0">环形图</h4>-->
                <!--							<div id="index-bar-1" style="height: 345px;height: 300px;"></div>-->
                <!--						</div>-->
                <!--					</div>-->

                <!--					<div class="am-u-md-4">-->
                <!--						<div class="card-box">-->
                <!--							<h4 class="header-title m-t-0">环形图</h4>-->
                <!--							<div id="index-line-1" style="height: 345px;height: 300px;"></div>-->
                <!--						</div>-->
                <!--					</div>-->
                <!-- Row end -->
            </div>


        </div>
    </div>
    <!-- end right Content here -->
    <!--</div>-->
</div>
</div>

<!-- navbar -->
<a href="admin-offcanvas" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
   data-am-offcanvas="{target: '#admin-offcanvas'}"><!--<i class="fa fa-bars" aria-hidden="true"></i>--></a>

<script type="text/javascript" src="../static/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../static/js/amazeui.min.js"></script>
		<script type="text/javascript" src="../static/js/app.js" ></script>
<script type="text/javascript" src="../static/js/blockUI.js"></script>
		<script type="text/javascript" src="../static/js/charts/echarts.min.js" ></script>
		<script type="text/javascript" src="../static/js/charts/indexChart.js" ></script>

</body>

</html>
